﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Hotel/MasterHotel.master" AutoEventWireup="true" CodeFile="Intro.aspx.cs" Inherits="Hotel_Intro" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<%--http://webdesigntutsplus.s3.amazonaws.com/tuts/404_toolbar/demo/jquery.jscrollpane.css
http://webdesigntutsplus.s3.amazonaws.com/tuts/404_toolbar/demo/jquery.jscrollpane.min.js--%>
<%--http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js--%>
<link href="http://webdesigntutsplus.s3.amazonaws.com/tuts/404_toolbar/demo/jquery.jscrollpane.css" rel="stylesheet" type="text/css" />
    <script src="http://webdesigntutsplus.s3.amazonaws.com/tuts/404_toolbar/demo/jquery.jscrollpane.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        if (!$.browser.webkit) {
            $('.container').jScrollPane();
        }
    });	
</script>
	<style>
	* {margin: 0;
		padding: 0
	}
	.container {
		  width: 620px;
		  height: 320px;
		  margin: 10px auto;
		  background-color: #FFFF66;
		  overflow: scroll; /* showing scrollbars */
	}	
	p {
		margin: 0 0 2em 0;
	}
	
	::-webkit-scrollbar {
		  width: 15px;
	} /* this targets the default scrollbar (compulsory) */
	
	::-webkit-scrollbar-track {
		  background-color: #b46868;
	} /* the new scrollbar will have a flat appearance with the set background color */

	::-webkit-scrollbar-thumb {
		  background-color: rgba(0, 0, 0, 0.2); 
	} /* this will style the thumb, ignoring the track */

	::-webkit-scrollbar-button {
		  background-color: #7c2929;
	} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

	::-webkit-scrollbar-corner {
		  background-color: black;
	} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */	
	
	
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 
 <div class="col2 pad">            
<div class="head-back"> <h2>        
            GIỚI THIỆU</h2></div>
             <asp:Repeater ID="rpt" runat="server">
            <ItemTemplate>
            <div class="container" style="padding-left:5px"> <%#Eval("Content")%></div>
            </ItemTemplate>
        </asp:Repeater>

            <div style="clear: both">
                </div>
    </div>
</asp:Content>

